﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="ViewDetail.aspx.cs" Inherits="Filemanager.ViewDetail" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <ul class="tabs js-tabs same-height">
        <li class="current"><a href="#tab-current">Browser</a></li>
        <li><a href="#tab-other">Edit</a></li>
        <li><a href="#tab-other1">Upload</a></li>
    </ul>
    <div class="tabs-content vd">
        <div id="tab-current">
            <div class="loading-tab stick-to-top">
                <span class="button">Copy to<img src="images/icons/fugue/copy.png" width="16" height="16"></span>&nbsp;
                <span class="button">Move
                    <img src="images/icons/fugue/move.png" width="16" height="16"></span>&nbsp;
                <span class="button">Delete
                    <img src="images/icons/fugue/cross-circle.png" width="16" height="16"></span>&nbsp;
                <span class="button">Rename
                    <img src="images/icons/fugue/rename.png" width="16" height="16"></span>&nbsp;
                <div class="button with-menu">
                    View
                    <!-- Here comes the menu -->
                    <div class="menu">
                        <!-- This is the arrow down image -->
                        <img src="images/icons/fugue/view.png" width="14" height="14">
                        <!-- Menu content -->
                        <ul>
                            <asp:Literal ID="lbView" runat="server"></asp:Literal>
                        </ul>
                        <!-- End  of menu content -->
                    </div>
                    <!-- Menu end -->
                </div>
                <span class="button">Select
                    <img src="images/icons/fugue/select.png" width="16" height="16"></span>&nbsp;
                <span class="button">Select Multi File
                    <img src="images/icons/fugue/selectall.png" width="16" height="16"></span>
            </div>
            <ul class="arbo">
                <asp:Literal ID="lbViewlist" runat="server" />
            </ul>
        </div>
        <div id="tab-other">
            <div class="loading-tab stick-to-top">
                <span class="button">Crop<img src="images/icons/fugue/crop.png" width="16" height="16"></span>&nbsp;
                <span class="button">Resize
                    <img src="images/icons/fugue/resize.png" width="16" height="16"></span>&nbsp;
                <span class="button">Rotate
                    <img src="images/icons/fugue/rorate.png" width="16" height="16"></span>&nbsp;
                <span class="button">Border
                    <img src="images/icons/fugue/border.png" width="14" height="14"></span>&nbsp;
                <span class="button">Save
                    <img src="images/icons/fugue/save.png" width="16" height="16"></span>&nbsp;
                <span class="button">Save As
                    <img src="images/icons/fugue/saveas.png" width="16" height="16"></span>&nbsp;
                <span class="button">Undo
                    <img src="images/icons/fugue/undo.png" width="16" height="16"></span>
            </div>
            <div class="images_edit">
                <img src="images/hoaxuan.jpg" />
            </div>
        </div>
        <div id="tab-other1">
            <div class="loading-tab stick-to-top">
                <span class="button">Add File<img src="images/icons/fugue/plus-circle-blue.png" width="16"
                    height="16"></span>&nbsp; <span class="button">Start Upload
                        <img src="images/icons/fugue/arrow-090.png" width="16" height="16"></span>&nbsp;
                <span class="button">Cancel Upload
                    <img src="images/icons/fugue/counter-reset.png" width="16" height="16"></span>&nbsp;
                <span class="button">Delete
                    <img src="images/icons/fugue/cross-circle.png" width="16" height="16"></span>
            </div>
            <div class="upload_file">
                <div class="dropfile">
                    <div class="drop">
                        <span>- Drop files</span> to upload</div>
                    <div class="click">
                        <a href="#">(or click)</a></div>
                </div>
                <div class="up">
                    <div class="upload">
                        <div class="images_upload">
                            <img src="images/demo/files/file1-mini.png" />
                        </div>
                        <div class="title_upload">
                            Hình ảnh 1.png
                        </div>
                        <div class="size_upload">
                            92MB
                        </div>
                        <div class="up_upload">
                            <span class="progress-bar"><span style="width: 50%">50%</span> </span>
                        </div>
                        <div class="start_upload">
                            <span class="button">Start Upload
                                <img src="images/icons/fugue/arrow-090.png" width="16" height="16"></span>
                        </div>
                        <div class="cancel_upload">
                            <span class="button">Cancel Upload
                                <img src="images/icons/fugue/counter-reset.png" width="16" height="16">
                        </div>
                    </div>
                    <div class="upload odd">
                        <div class="images_upload">
                            <img src="images/demo/files/file1-mini.png" />
                        </div>
                        <div class="title_upload">
                            Hình ảnh 1.png
                        </div>
                        <div class="size_upload">
                            92MB
                        </div>
                        <div class="up_upload">
                            <span class="progress-bar"><span style="width: 50%">50%</span> </span>
                        </div>
                        <div class="start_upload">
                            <span class="button">Start Upload
                                <img src="images/icons/fugue/arrow-090.png" width="16" height="16"></span>
                        </div>
                        <div class="cancel_upload">
                            <span class="button">Cancel Upload
                                <img src="images/icons/fugue/counter-reset.png" width="16" height="16">
                        </div>
                    </div>
                    <div class="upload">
                        <div class="images_upload">
                            <img src="images/demo/files/file1-mini.png" />
                        </div>
                        <div class="title_upload">
                            Hình ảnh 1.png
                        </div>
                        <div class="size_upload">
                            92MB
                        </div>
                        <div class="up_upload">
                            <span class="progress-bar"><span style="width: 50%">50%</span> </span>
                        </div>
                        <div class="start_upload">
                            <span class="button">Start Upload
                                <img src="images/icons/fugue/arrow-090.png" width="16" height="16"></span>
                        </div>
                        <div class="cancel_upload">
                            <span class="button">Cancel Upload
                                <img src="images/icons/fugue/counter-reset.png" width="16" height="16">
                        </div>
                    </div>
                    <div class="upload odd">
                        <div class="images_upload">
                            <img src="images/demo/files/file1-mini.png" />
                        </div>
                        <div class="title_upload">
                            Hình ảnh 1.png
                        </div>
                        <div class="size_upload">
                            92MB
                        </div>
                        <div class="up_upload">
                            <span class="progress-bar"><span style="width: 50%">50%</span> </span>
                        </div>
                        <div class="start_upload">
                            <span class="button">Start Upload
                                <img src="images/icons/fugue/arrow-090.png" width="16" height="16"></span>
                        </div>
                        <div class="cancel_upload">
                            <span class="button">Cancel Upload
                                <img src="images/icons/fugue/counter-reset.png" width="16" height="16">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
